<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css" ;>
    <link rel="stylesheet" href="css/common.css" ;>
    <link rel="stylesheet" href="css/prefecture.css" ;>
</head>

<body>
    <header>
        <div class="top">
            <div class="container">
                <p class="fl">乐购www.legou.com</p>
                <p class="fr">欢迎光临乐购,请
                    <a href="login.html">登录|</a>
                    <a href="register.html">注册</a>
                </p>
            </div>
        </div>
        <div class="nav container">
            <div class="logo fl">
                <img src="images/webp.webp" id="logo">
            </div>
            <div class="shop fr">
                <input type="text">
                <img src="images/look.png">
                <div class="myshop">我的订单</div>
                <div class="shopping">
                    <img src="images/shopping.png">
                    <span id="goshopping">购物车　3</span>
                </div>

            </div>
            <p class="navs fr container">
                <a href="">图书</a>
                <a href="">电子书</a>
                <a href="">原创文学</a>
                <a href="">服装</a>
                <a href="">运动户外</a>
                <a href="">孕婴童</a>
                <a href="">家居</a>
                <a href="">创意文具</a>
                <a href="">地方特产</a>
                <a href="">海外购</a>
                <a href="">电器城</a>
            </p>
        </div>
        <div class="banner">
            <div class="container">
                <div class="bannerbox">
                    <h2>潮流新区</h2>
                    <h4>大家都在穿</h4>
                    <span>当季新品</span>
                    <span>商场同款</span>
                    <span>天猫独家</span><br>
                    <span>连衣裙 </span>
                    <span>卫衣</span>
                    <span>短外套</span>
                    <span>衬衫</span><br>
                    <span>气质套装</span>
                    <span>卫衣</span>
                    <span>毛衣</span>
                    <span>羽绒服</span>
                   <p></p>
            
                   <h4>品质上装</h4>
                   <span>当季新品</span>
                   <span>商场同款</span>
                   <span>天猫独家</span><br>
                   <span>连衣裙 </span>
                   <span>卫衣</span>
                   <span>短外套</span>
                   <span>衬衫</span><br>
                   
                  <p></p>
       
                  <h4>特色服饰</h4>
              
                    <span>时尚套装</span>
                    <span>休闲套装</span>
                    <span>妈妈装 </span><br>
                    <span>大码女装</span>
                    <span>卫衣</span>
                    <span>套装裙</span>
                    <span>皮草</span><br>
                    <span>雪纺长裙</span>
                    <span>短裤</span>
                    <span>哈伦裤</span>
                    <span>风衣</span>
                    <p></p>
                
                </div>
            </div>
        </div>
        <div class="referral container cf">
            <div class="ref fl">
                <p>品牌闪购</p>
                <img src="images/righti_05.jpg" style="margin-top:14px;">
                <img src="images/222_05.jpg">
            </div>
            <div class="ref2 fl">
                <p>品牌闪购</p>
                <img src="images/righti_05.jpg" style="margin-top:14px;">
                <img src="images/333_07.jpg">
            </div>
            <div class="ref3 fl">
                <p>品牌闪购</p>
                <img src="images/righti_05.jpg" style="margin-top:14px;">
                <img src="images/444_09.jpg">
            </div>
            <div class="ref5 fl">
                <img src="images/112_14.jpg">
            </div>
            <div class="ref5 fl">
                <img src="images/113_16.jpg">
            </div>
            <div class="ref5 fl">
                <img src="images/114_18.jpg">
            </div>
            <div class="ref6 fl">
                <img src="images/115_21.jpg">
            </div>
        </div>
    </header>
    <main class=" container">
        <div class="wdress cf">
            <h2>女装热销</h2>
            <p style="margin-bottom:30px;">Ladies Fashion Hot Sell</p>
            <div class="wds1s fl">
                <div style="margin:25px 10px 15px 18px;">口红</div>
                <div style="margin:25px 0 0 0">女装</div>
                <div style="margin-left:18px;">女包</div>
                <div style="margin-left:10px;">卸妆洁面</div>
            </div>
            <div class="wds2">
                <img style="width: 312px;height: 205px;" src="images/15688822904603.jpg.jpg">
            </div>
            <div class="wds2 cf" style="padding:20px">
                <p style="font-size: 18px;
                font-weight: bold;
                line-height: 24px;    
                color: #333333;">
                    ONLY2019秋冬新款弹力女裤</p>
                <p style="font-size: 16px;
                font-weight: normal;
                color: #ef0000;
                float: left;
                padding-right:30px
                ;">
                    秋装上新款</p>
                <img src="images/rel33.jpg" style="float:right">
                <p style="
                margin:58px 0 13px 0;
                float: left;
                font-size: 20px;
                font-weight: bold;
                letter-spacing: 0px;
                color: #333333;">¥ 179.00</p>
                <p style="
                
                font-size: 12px;
                line-height: 24px;
                letter-spacing: 1px;
                color: #888888;">
                    <del>¥230.00</del>
                </p>

            </div>

            <div class="sales fr">
                <h3 class="fl">女装销量</h3>
                <p>爆买热款 实时更新</p>
                <ul>
                    <li>
                        <span class="fl">1.</span>
                        <p class="title hide"> 乐町牛仔外套女19秋季新款短外套</p>
                        <div class="box clearfix">
                            <img class="fl" src="images/rel555_36.jpg">
                            <p class="fl" style="font-size: 14px;font-weight: bold;margin:0 0 27px 7px;">乐町牛仔外套女19
                                <br>秋季新款短外套女</p>
                            <p style="font-size: 20px;font-weight: bold;color: #333333;margin:0 0 27px 7px;">¥ 199.00</p>
                        </div>
                    </li>
                    <li>
                        <span class="fl">2.</span>
                        <p class="title show"> 乐町牛仔外套女19秋季新款短外套</p>
                        <div class="box hide clearfix">
                            <img class="fl" src="images/rel555_36.jpg">
                            <p class="fl" style="font-size: 14px;font-weight: bold;margin:0 0 27px 7px;">乐町牛仔外套女19
                                <br>秋季新款短外套女</p>
                            <p style="font-size: 20px;font-weight: bold;color: #333333;margin:0 0 27px 7px;">¥ 199.00</p>
                        </div>
                    </li>
                    <li>
                        <span class="fl">3.</span>
                        <p class="title show"> 乐町牛仔外套女19秋季新款短外套</p>
                        <div class="box hide clearfix">
                            <img class="fl" src="images/rel555_36.jpg">
                            <p class="fl" style="font-size: 14px;font-weight: bold;margin:0 0 27px 7px;">乐町牛仔外套女19
                                <br>秋季新款短外套女</p>
                            <p style="font-size: 20px;font-weight: bold;color: #333333;margin:0 0 27px 7px;">¥ 199.00</p>
                        </div>
                    </li>
                    <li>
                        <span class="fl">4.</span>
                        <p class="title show"> 乐町牛仔外套女19秋季新款短外套</p>
                        <div class="box hide clearfix">
                            <img class="fl" src="images/rel555_36.jpg">
                            <p class="fl" style="font-size: 14px;font-weight: bold;margin:0 0 27px 7px;">乐町牛仔外套女19
                                <br>秋季新款短外套女</p>
                            <p style="font-size: 20px;font-weight: bold;color: #333333;margin:0 0 27px 7px;">¥ 199.00</p>
                        </div>
                    </li>
                    <li>
                        <span class="fl">5.</span>
                        <p class="title show"> 乐町牛仔外套女19秋季新款短外套</p>
                        <div class="box hide clearfix">
                            <img class="fl" src="images/rel555_36.jpg">
                            <p class="fl" style="font-size: 14px;font-weight: bold;margin:0 0 27px 7px;">乐町牛仔外套女19
                                <br>秋季新款短外套女</p>
                            <p style="font-size: 20px;font-weight: bold;color: #333333;margin:0 0 27px 7px;">¥ 199.00</p>
                        </div>
                    </li>
                    <li>
                        <span class="fl">6.</span>
                        <p class="title show"> 乐町牛仔外套女19秋季新款短外套</p>
                        <div class="box hide clearfix">
                            <img class="fl" src="images/rel555_36.jpg">
                            <p class="fl" style="font-size: 14px;font-weight: bold;margin:0 0 27px 7px;">乐町牛仔外套女19
                                <br>秋季新款短外套女</p>
                            <p style="font-size: 20px;font-weight: bold;color: #333333;margin:0 0 27px 7px;">¥ 199.00</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="wds2" style="padding:20px">
                <p style="font-size: 18px;
                    font-weight: bold;
                    line-height: 24px;    
                    color: #333333;">
                    ONLY2019秋冬新款弹力女裤</p>
                <p style="font-size: 16px;
                    font-weight: normal;
                    color: #ef0000;
                    float: left;
                    padding-right:30px
                    ;">
                    秋装上新款</p>
                <img src="images/rel37.jpg" style="float:right">
                <p style="
                    margin:58px 0 13px 0;
                    float: left;
                    font-size: 20px;
                    font-weight: bold;
                    letter-spacing: 0px;
                    color: #333333;">¥ 179.00</p>
                <p style="
                    
                    font-size: 12px;
                    line-height: 24px;
                    letter-spacing: 1px;
                    color: #888888;">
                    <del>¥230.00</del>
                </p>
            </div>
            <div class="wds2">
                <img style="width: 312px;height: 205px;" src="images/15688823648661.jpg.jpg">
            </div>
        </div>
        <div class="wdress cf">
            <h2>男装热销</h2>
            <p style="margin-bottom:30px;">Ladies Fashion Hot Sell</p>
            <div class="wds1 fl">
                <div style="margin:25px 10px 15px 18px;">口红</div>
                <div style="margin:25px 0 0 0">女装</div>
                <div style="margin-left:18px;">女包</div>
                <div style="margin-left:10px;">卸妆洁面</div>

            </div>
            <div class="wds2">
                <img style="width: 312px;height: 205px;" src="images/rel45.jpg">
            </div>
            <div class="wds2" style="padding:20px">
                <p style="font-size: 18px;
                    font-weight: bold;
                    line-height: 24px;    
                    color: #333333;">
                    韩版潮流男外套中长款连帽风衣</p>
                <p style="font-size: 16px;
                    font-weight: normal;
                    color: #ef0000;
                    float: left;
                    padding-right:30px
                    ;">
                    秋装上新款</p>
                <img src="images/rel44_07.jpg" style="float:right">
                <p style="
                    margin:58px 0 13px 0;
                    float: left;
                    font-size: 20px;
                    font-weight: bold;
                    letter-spacing: 0px;
                    color: #333333;">¥ 179.00</p>
                <p style="
                    
                    font-size: 12px;
                    line-height: 24px;
                    letter-spacing: 1px;
                    color: #888888;">
                    <del>¥230.00</del>
                </p>

            </div>

            <div class="sales fr">
                <h3 class="fl">女装销量</h3>
                <p>爆买热款 实时更新</p>
                <ul>
                    <li>
                        <span class="fl">1.</span>
                        <p class="title hide"> 乐町牛仔外套女19秋季新款短外套</p>
                        <div class="box clearfix">
                            <img class="fl" src="images/rel555_36.jpg">
                            <p class="fl" style="font-size: 14px;font-weight: bold;margin:0 0 27px 7px;">乐町牛仔外套女19
                                <br>秋季新款短外套女</p>
                            <p style="font-size: 20px;font-weight: bold;color: #333333;margin:0 0 27px 7px;">¥ 199.00</p>
                        </div>
                    </li>
                    <li>
                        <span class="fl">2.</span>
                        <p class="title show"> 乐町牛仔外套女19秋季新款短外套</p>
                        <div class="box hide clearfix">
                            <img class="fl" src="images/rel555_36.jpg">
                            <p class="fl" style="font-size: 14px;font-weight: bold;margin:0 0 27px 7px;">乐町牛仔外套女19
                                <br>秋季新款短外套女</p>
                            <p style="font-size: 20px;font-weight: bold;color: #333333;margin:0 0 27px 7px;">¥ 199.00</p>
                        </div>
                    </li>
                    <li>
                        <span class="fl">3.</span>
                        <p class="title show"> 乐町牛仔外套女19秋季新款短外套</p>
                        <div class="box hide clearfix">
                            <img class="fl" src="images/rel555_36.jpg">
                            <p class="fl" style="font-size: 14px;font-weight: bold;margin:0 0 27px 7px;">乐町牛仔外套女19
                                <br>秋季新款短外套女</p>
                            <p style="font-size: 20px;font-weight: bold;color: #333333;margin:0 0 27px 7px;">¥ 199.00</p>
                        </div>
                    </li>
                    <li>
                        <span class="fl">4.</span>
                        <p class="title show"> 乐町牛仔外套女19秋季新款短外套</p>
                        <div class="box hide clearfix">
                            <img class="fl" src="images/rel555_36.jpg">
                            <p class="fl" style="font-size: 14px;font-weight: bold;margin:0 0 27px 7px;">乐町牛仔外套女19
                                <br>秋季新款短外套女</p>
                            <p style="font-size: 20px;font-weight: bold;color: #333333;margin:0 0 27px 7px;">¥ 199.00</p>
                        </div>
                    </li>
                    <li>
                        <span class="fl">5.</span>
                        <p class="title show"> 乐町牛仔外套女19秋季新款短外套</p>
                        <div class="box hide clearfix">
                            <img class="fl" src="images/rel555_36.jpg">
                            <p class="fl" style="font-size: 14px;font-weight: bold;margin:0 0 27px 7px;">乐町牛仔外套女19
                                <br>秋季新款短外套女</p>
                            <p style="font-size: 20px;font-weight: bold;color: #333333;margin:0 0 27px 7px;">¥ 199.00</p>
                        </div>
                    </li>
                    <li>
                        <span class="fl">6.</span>
                        <p class="title show"> 乐町牛仔外套女19秋季新款短外套</p>
                        <div class="box hide clearfix">
                            <img class="fl" src="images/rel555_36.jpg">
                            <p class="fl" style="font-size: 14px;font-weight: bold;margin:0 0 27px 7px;">乐町牛仔外套女19
                                <br>秋季新款短外套女</p>
                            <p style="font-size: 20px;font-weight: bold;color: #333333;margin:0 0 27px 7px;">¥ 199.00</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="wds2" style="padding:20px">
                <p style="font-size: 18px;
                        font-weight: bold;
                        line-height: 24px;    
                        color: #333333;">
                    韩版潮流男外套中长款连帽风衣</p>
                <p style="font-size: 16px;
                        font-weight: normal;
                        color: #ef0000;
                        float: left;
                        padding-right:30px
                        ;">
                    秋装上新款</p>
                <img src="images/rel45_11.jpg" style="float:right">
                <p style="
                        margin:58px 0 13px 0;
                        float: left;
                        font-size: 20px;
                        font-weight: bold;
                        letter-spacing: 0px;
                        color: #333333;">¥ 179.00</p>
                <p style="
                        
                        font-size: 12px;
                        line-height: 24px;
                        letter-spacing: 1px;
                        color: #888888;">
                    <del>¥230.00</del>
                </p>
            </div>
            <div class="wds2">
                <img style="width: 312px;height: 205px;" src="images/branks.jpg">
            </div>
        </div>
        <div class="wdress cf">
            <h2>品牌专区</h2>
            <p style="margin-bottom:30px;">Ladies Fashion Hot Sell</p>
            <div class="brand">
                <img src="images/branks.jpg" alt="" class="fl">
                <h2>XX品牌</h2>
                <P>HLA JEANS更注重与年青一代的情感沟通，提出“不普通的普通人
                    <br> ”的品牌主张，鼓励年轻群体在生活之中坚持小自我，在平凡之中
                    <br> 展现小个性，在平淡之中发现小乐趣，活出自己的与众小不同。
                </P>
                <h3>品牌特卖中 >></h3>
            </div>
            <div class="character">
                <div style="margin-right: 20px">
                    <img src="images/brand1.jpg">
                    <h3>GOLD SHARK</h3>
                    <p>品质男装 秋季焕新</p>
                </div>
                <div style="margin-right: 20px">
                    <img src="images/brand2.jpg">
                    <h3>GOLD SHARK</h3>
                    <p>品质男装 秋季焕新</p>
                </div>
                <div style="margin-right: 20px">
                    <img src="images/brand3.jpg">
                    <h3>GOLD SHARK</h3>
                    <p>品质男装 秋季焕新</p>
                </div>
                <div>
                    <img src="images/brand4.jpg">
                    <h3>GOLD SHARK</h3>
                    <p>品质男装 秋季焕新</p>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <div class="sponsor">
            <div class="sponsorbox container">
                <div class="sponsors" style="border-right:2px solid #cfcfcf">
                    <img src="images/spanor1.jpg">
                    <h3>正品保障</h3>
                    <p>正品行货 放心选购</p>
                </div>
                <div class="sponsors" style="border-right:2px solid #cfcfcf">
                    <img src="images/spansor2.jpg">
                    <h3>满86包邮</h3>
                    <p>满86元 免运费</p>
                </div>
                <div class="sponsors" style="border-right:2px solid #cfcfcf">
                    <img src="images/spansor3.jpg">
                    <h3>售后无忧</h3>
                    <p>7天无理由退货</p>
                </div>
                <div class="sponsors">
                    <img src="images/spansor4.jpg">
                    <h3>准时送达</h3>
                    <p>收货时间由你做主</p>
                </div>
            </div>
            <div class="container">
                <div class="help">
                    <h3>新手入门</h3>
                    <p>购物流程</p>
                    <p>会员制度</p>
                    <p>订单查询</p>
                    <p>服务协议及隐私说明</p>
                    <p>网站地图</p>
                </div>
                <div class="help">
                    <h3>支付方式</h3>
                    <p>货到付款</p>
                    <p>网上支付</p>
                    <p>礼品卡支付 </p>
                    <p>其他支付</p>
                </div>
                <div class="help">
                    <h3>配送服务</h3>
                    <p>配送进度查询</p>
                    <p>商品验货与签收</p>
                </div>
                <div class="help">
                    <h3>相关规则</h3>
                    <p>平台规则</p>
                    <p>退换货政策</p>
                    <p>发票制度</p>
                    <p>帮助中心</p>
                </div>
                <div class="dimension">
                    <h3>App更加优惠</h3>
                    <img src="images/qryhd.png">
                </div>
                <div class="dimension">
                    <h3>加微信查订单</h3>
                    <img src="images/qryhd.png">
                </div>
            </div>
        </div>
        <div class="footrs container">
            <p>
                沪ICP备XXXXXXXXX号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX
            </p>
            <p>沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证</p>
            <div class="fimg">
                <img src="images/foot1.jpg">
                <img src="images/foot2.jpg">
                <img src="images/foot3.png">
                <img src="images/foot4.jpg">
                <img src="images/foot5.png">
                <img src="images/foot6.jpg">
            </div>
        </div>
    </footer>
    <script src="js/jquery-1.11.0.js"></script>
    <script src="js/prefecture.js"></script>
</body>

</html>